<!--<div id="main-banner"><img src="<?php echo base_url(); ?>images/mainbanner.jpg" width="595" height="320" /></div>-->
    <div class="header"><img src="<?php echo base_url(); ?>images/h_welcome.jpg" width="314" height="22" /></div>
    <div><p>EXPLORER SRI LANKA reveals stitches of the island's serendipitous tapestry with insider tips from the people that know her best. From the best rooms to the most stunning walks, from secret hideaways in the jungle to the delicacies of Sri Lanka's best restaurants and bars, from the bizarre to the unexpected; we have squeezed as much information as possible from some of our most knowledgeable travel guides and tour operators in Sri Lanka... </p>
      <p class="header"><img src="<?php echo base_url(); ?>images/h-special-offers.jpg" width="152" height="20" /></p>
      <div>
          <p><a href="<?php echo base_url(); ?>hotel/list_offers/bh"><img src="<?php echo base_url(); ?>images/beach_holiday_offer.jpg" width="137" height="187" class="offer_img" /></a><a href="<?php echo base_url(); ?>hotel/list_offers/ch"><img src="<?php echo base_url(); ?>images/culture_offer.jpg" width="137" height="187" class="offer_img" /></a><a href="<?php echo base_url(); ?>hotel/list_offers/wn"><img src="<?php echo base_url(); ?>images/wildlife_offer.jpg" width="137" height="187" class="offer_img" /></a><a href="<?php echo base_url(); ?>hotel/list_offers/rh"><img src="<?php echo base_url(); ?>images/romantic_holiday.jpg" width="137" height="187" class="offer_img" /></a></p>
        <p class="header"><img src="<?php echo base_url(); ?>images/h_eventofmonth.jpg" width="205" height="18" /></p>
        <div>
          <p><img src="<?php echo base_url(); ?>images/events/thumb/thumb_<?php echo $events["image"];?>" width="126" height="129" class="event_thumb" /><strong><?php echo $events["eventtitle"];?></strong></p>
          <p><?php echo str_replace("</p>", "", str_replace("<p>", "", $events["eventdesc"]));?><a href="<?php echo base_url(); ?>events/index/<?php echo $events["id"];?>">.....Read More</a></p>
        </div>
      </div>
    </div>    
    <div id="featured-video-col"><p class="header"><img src="<?php echo base_url(); ?>images/h_featured-video.jpg" width="161" height="17" /></p>
      <p>
        <script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/swfobject/2/swfobject.js"></script>
        <a name="ytplayer"></a>
        <div id="ytplayer_div">You need Flash player 8+ and JavaScript enabled to view this video.</div>
        <script type="text/javascript">
        swfobject.embedSWF(
            'http://www.youtube.com/v/<?php echo $videos[0]['video_code']?>&enablejsapi=1&rel=0&fs=1',
            'ytplayer_div',
            '286',
            '219',
            '8',
            null,
            null,
            {
            wmode: 'transparent',
            allowScriptAccess: 'always',
            allowFullScreen: 'true'
            },
            {
            id: 'ytplayer_object'
            }
        );
        </script>
        <script type="text/javascript">
        function ytplayer_loadvideo( id ) {
            var o = document.getElementById( 'ytplayer_object' );
            if( o ) {
            o.loadVideoById( id );      
            }
        }
        </script>
        <script type="text/javascript" src="js/yoxview-init.js"></script>
        <script type="text/javascript">
            $(document).ready(function(){                 
                $(".yoxview").yoxview();        
            });
        </script>
<!--        <script type="text/javascript">
	$(document).ready(function() {
            $('#coin-slider').coinslider();
        });
        </script>-->

        <div style="border: 1px solid #ccc;border-radius: 0 0 4px 4px; padding: 1px;">
        <?php foreach ($videos as $val) : ?>
        <a href="#ytplayer" onClick="ytplayer_loadvideo( '<?php echo $val['video_code']?>' );"><img style="padding: 1px" src="http://img.youtube.com/vi/<?php echo $val['video_code']?>/default.jpg"  width="65"/></a>
        <?php endforeach; ?>
        </div>
    </p>
    </div>
    <div id="gallery-col"    
        <p class="header"><img src="<?php echo base_url(); ?>images/h_gallery.jpg" width="204" height="18" /></p>
        <?php if ($gallery): ?>
        <div class="yoxview">
            <?php foreach ($gallery as $val) :?>
            <a href="images/uploads/original/<?php echo $val['image']?>"><img src="images/uploads/thumb/thumb_<?php echo $val['image']?>" alt="<?php echo $val['image_title'] ?>" title="<?php echo $val['image_title'] ?>" width="60px" /></a>
            <?php endforeach; ?>
        </div>
        <?php else: ?>
            <p>Coming soon..!</p>
        <?php endif; ?>
      <!--<p><img src="<?php// echo base_url(); ?>images/gallery-temp.jpg" width="267" height="133" /></p>-->
      <p class="h"><img src="<?php echo base_url(); ?>images/planyour-trip.jpg" width="266" height="87" /></p>
    </div>
    <div class="clear"></div>